<!DOCTYPE html>
<html>
	<!--
	Copyright 2010 The Closure Library Authors. All Rights Reserved.

	Use of this source code is governed by the Apache License, Version 2.0.
	See the COPYING file for details.
	-->
	<head>
		<title>goog.ui.SplitPane</title>
		<script src="closure/closure/goog/base.js"></script>
		<script src="testdata.js"></script>
		<script>
			// goog.require('goog.dom');
			// goog.require('goog.events');
			// goog.require('goog.ui.Component');
			// goog.require('goog.ui.Ratings');
			// goog.require('goog.ui.ServerChart');
			//
			goog.require('goog.ui.SplitPane');
			goog.require('goog.ui.SplitPane.Orientation');
			goog.require('goog.ui.tree.TreeControl');
		</script>
		<!-- 		<link rel="stylesheet" href="css/demo.css"> -->
		<link rel="stylesheet" href="main.css" type="text/css" media="screen" title="no title" charset="utf-8"/>

	</head>
	<!-- 	<body onresize="onresize()"> -->
	<!-- 	<body onresize="alert('abc')"> -->
	<body onresize="alert('You have changed the size of the window')">
		<div class='goog-splitpane' id='anotherSplitter'>
			<div class='goog-splitpane-first-container'>
				Left Frame
			</div>

			<div class='goog-splitpane-second-container'>

				<div id="treeContainer" style="width:400px"></div>
				<!-- 				<iframe style='z-index:10; width:100%; height:100%' src='http://www.google.com.hk/'></iframe> -->
			</div>
			<div class='goog-splitpane-handle'></div>
		</div>

		<script src="main.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
